<admintpl file="header" />
<style type="text/css">
.pic-list li {
	margin-bottom: 5px;
}
.w60{
	width:100px !important;
	display:block;
	float:left;	
	text-align:right;
	line-height:32px;
}
.controls_box_box{
	display:block;
	float:left;
}
</style>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}"> 
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Exams/index')}">考试管理</a></li>
			<li class="active"><a href="{:U('Exams/edit',array('id'=>empty($exams['id'])?'':$exams['id']))}" target="_self">编辑考试</a></li>			
			<li><a href="{:U('Exams/recycle')}">考试回收站</a></li>
		</ul>
		<form action="{:U('Exams/edit_exams')}" method="post" class="form-horizontal js-ajax-forms">
			<div class="row-fluid">
					<table class="table table-bordered">
						<tr>
							<th width="80">考试名称</th>
							<td><input type="hidden" name="id" value="{$exams['id']}"/>
								<input type="text" style="width:400px;" name="exam_name" id="exam_name" required value="{$exams['exam_name']}" placeholder="请输入考试名称"/>
							</td>
						</tr>
						<tr>
							<th width="80">考试状态</th>
							<td>
								<select style="max-height: 100px;" name="exam_status" id="exam_status">
								<option value="0" <eq name="exams['exam_status']" value="0">selected</eq>>启用</option>
								<option value="1" <eq name="exams['exam_status']" value="1">selected</eq>>停用</option>
								</select>
							</td>
						</tr>
						<tr>
							<th width="80">考试分类</th>
							<td>
								<select style="max-height: 100px;" name="exam_term" id="exam_term">{$exam_taxonomys}</select>
							</td>
						</tr>
						<tr>
							<th width="80">考试方式</th>
							<td>
								<select style="max-height: 100px;" name="exam_type" id="exam_type">
								<option value="1" <eq name="exams['exam_type']" value="1">selected</eq>>指定机房考试</option>
								<option value="0" <eq name="exams['exam_type']" value="0">selected</eq>>在线考试</option>
								</select>  <span id="exam_type_tip" class="hide">操作提示：当前机房IP（段）设置为：{:C('exam_room_ip')}。指定机房考试请设置机房IP地址，不设置将无法找到本考试项目</span>
							</td>
						</tr>
						<tr>
							<th width="80">参考方式</th>
							<td>
								<select style="max-height: 100px;" name="signin_type" id="signin_type">
								<option value="0">{:sp_get_signin_type_name(0)}</option>
								<option value="1">{:sp_get_signin_type_name(1)}</option>
								<option value="2">{:sp_get_signin_type_name(2)}</option>
								</select> <button id="signin_user_btn" type="button" class="btn-default hide">选择参加考试用户</button>
								  <span id="signin_type_tip" class="hide">操作提示：请在考试信息提交保存后，进入考试管理 - 准备证管理中批量生成参加本次考试用户的准考证信息</span>
								<input type="hidden" name="signin_user_list" id="signin_user_list"></input>
							</td>
						</tr>
						<tr>
							<th width="80">直接显示考试结果</th>
							<td>
								<select style="max-height: 100px;" name="exam_result_show" id="exam_result_show">
								<option value="0" <eq name="exams['exam_result_show']" value="0">selected</eq>>不显示</option>
								<option value="1" <eq name="exams['exam_result_show']" value="1">selected</eq>>显示</option>
								</select>
							</td>
						</tr>
						<tr>
							<th>报名时间</th>
							<td>
								<input type="text" class="J_date" name="signin_start_time" id="sign_start_time" required value="{$exams['signin_start_time']|strtotime|date="Y-m-d",###}" placeholder="日期"/>
								至 <input type="text" class="J_date" name="signin_end_time" id="sign_end_time" required value="{$exams['signin_end_time']|strtotime|date="Y-m-d",###}" placeholder="日期"/>
							</td>
						</tr>						
						<tr>
							<th>开考时间</th>
							<td>
								<input type="text" class="J_date" name="exam_start_time[day]" id="exam_start_time[day]" required value="{$exams['exam_start_time']|strtotime|date="Y-m-d",###}" placeholder="日期"/>
								<select style="width: 60px;" name="exam_start_time[hour]" id="exam_start_time[hour]">
								<for start="0" end="60">
								<option <eq name="exams['exam_start_time']|strtotime|date='H',###" value="$i">selected</eq>>{$i}</option>
								</for>
								</select>时
								<select style="width: 60px;" name="exam_start_time[min]" id="exam_start_time[min]">
								<for start="0" end="60">
								<option <eq name="exams['exam_start_time']|strtotime|date='m',###" value="$i">selected</eq>>{$i}</option>
								</for>
								</select>分
								<span class="form-required">*</span>
							</td>
						</tr>						
						<tr>
							<th>考试时长</th>
							<td>
								<input type="text" style="width:200px;" name="exam_duration" id="exam_duration" required value="{$exams['exam_duration']}" placeholder="请输入考试时长"/>分钟
								<span class="form-required">*</span>
							</td>
						</tr>
						
						<tr>
							<th width="80">工种分类</th>
							<td>
								<select style="max-height: 100px;" name="ques_term" id="ques_term">{$ques_taxonomys}</select>
							</td>
						</tr>						
						<tr>
							<th width="80">考试试卷</th>
							<td>
								<select name="paper_id" id="paper_id">
								<volist name="paper_list" id="paper">
								<option value="{$paper.id}" <eq name="exams['paper_id']" value="$paper['id']">selected</eq>>[ID:{$paper.id}]{$paper.paper_name}</option>
								</volist>
								</select>
							</td>
						</tr>
<!-- 						<tr> -->
<!-- 							<th width="80">考试资格</th> -->
<!-- 							<td> -->
<!-- 								<volist name="paper_list" id="paper"> -->
<!-- 								<label class="checkbox"><input type="checkbox" name="gate_{$paper.id}" value="{$paper.id}" />[ID:{$paper.id}]{$paper.paper_name}</label> -->
<!-- 								</volist> -->
<!-- 							</td> -->
<!-- 						</tr>	 -->
						<tr>
							<th>考试排序</th>
							<td><input type="text" name="listorder" id="listorder" value="{$exams['listorder']}" style="width: 200px" placeholder="选填">值越小越先前 </td>
						</tr>
					</table>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Exams/index')}">返回</a>
			</div>
		</form>
		<div id="modal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button aria-hidden="true" class="close" type="button" data-dismiss="modal">×</button>
				<h3 id="myModalLabel">
					试题列表
				</h3>
			</div>
			<div class="modal-body" id="modal-body">asdasdasdasdsa</div>
			<div class="modal-footer">
				 <button aria-hidden="true" class="btn" data-dismiss="modal">完成</button>
			</div>
		</div>
		
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
$(function() {
	$('#signin_type').change(function(){
		if($(this).val()=='1'){
			$('#signin_type_tip').show();
		}
		else{
			$('#signin_type_tip').hide();
		}
	});
	$("#signin_user_btn").click(function(){
		
	});
	$("#exam_type").change(function(){
		if($(this).val()=='1'){
			$('#exam_type_tip').show();
		}
		else{
			$('#exam_type_tip').hide();
		}
	});
	
	function loadExams(ques_term){
		$.ajax({
			url:"{:U('exams/get_papers_json')}",
			data:{"ques_term":ques_term},
			type:'POST',
			async:true,
			timeout:5000,    //超时时间
		    dataType:'json',
		    success:function(data,textStatus,jqXHR){
		    	if(data.status==1){
					var lst_paper=data.content;
					var arr_option=[];
					$('#paper_id').empty();
		    		$('#paper_id').append('<option value="0">请选择试卷</option>');
					for(var paper in lst_paper){
						$('#paper_id').append('<option value="'+lst_paper[paper].id+'">[ID:'+lst_paper[paper].id+']'+lst_paper[paper].paper_name+'</option>');
					}
					$('#paper_id').val({$exams['paper_id']});
		    	}
		    	else{
		    		$('#paper_id').empty();
		    		$('#paper_id').append('<option value="0">请选择试卷</option>');
		    	}
			}
		});
	}
	$('#ques_term').change(function(){
		loadExams($(this).val());
	});
	$('#ques_term').change();
	$('.radio input:radio').change(function(){
		if($(this).val()==1){
			$('.modal-box').show();
			$('.level-box').hide();
		}
		else{
			$('.modal-box').hide();
			$('.level-box').show();
		}
	});
	$('.radio input:radio').change();
	$(".sortable").sortable({
      placeholder: "ui-state-highlight"
    });
	$(".sortable").disableSelection();
	$(".js-ajax-close-btn").on('click', function(e) {
		e.preventDefault();
		Wind.use("artDialog", function() {
			art.dialog({
				id : "question",
				icon : "question",
				fixed : true,
				lock : true,
				background : "#CCCCCC",
				opacity : 0,
				content : "您确定需要关闭当前页面嘛？",
				ok : function() {
					setCookie("refersh_time", 1);
					window.close();
					return true;
				}
			});
		});
	});
	/////---------------------
	Wind.use('validate', 'ajaxForm', 'artDialog', function() {
		//javascript
		var date_btns = $("input.J_date");
		if(date_btns.length) {
			Wind.use('datePicker',function() {
				date_btns.datePicker();
			});
		}
		
		var form = $('form.js-ajax-forms');
		//ie处理placeholder提交问题
		if ($.browser && $.browser.msie) {
			form.find('[placeholder]').each(function() {
				var input = $(this);
				if (input.val() == input.attr('placeholder')) {
					input.val('');
				}
			});
		}

		var formloading = false;
		//表单验证开始
		form.validate({
			//是否在获取焦点时验证
			onfocusout : false,
			//是否在敲击键盘时验证
			onkeyup : false,
			//当鼠标掉级时验证
			onclick : false,
			//验证错误
			showErrors : function(errorMap, errorArr) {
				console.log(errorMap);
				//errorMap {'name':'错误信息'}
				//errorArr [{'message':'错误信息',element:({})}]
				try {
					$(errorArr[0].element).focus();
					art.dialog({
						id : 'error',
						icon : 'error',
						lock : true,
						fixed : true,
						background : "#CCCCCC",
						opacity : 0,
						content : errorArr[0].message,
						cancelVal : '确定',
						cancel : function() {
							$(errorArr[0].element).focus();
						}
					});
				} catch (err) {
				}
			},
			//验证规则
			rules : {
				'exam_name' : {
					required : true
				},
				'exam_start_time[day]' : {
					required : true
				}
			},
			//验证未通过提示消息
			messages : {
				'exam_name' : {
					required : '请填写考试名称'
				},
				'exam_start_time[day]' : {
					required : '请选择考试开始时间',
				}
			},
			//给未通过验证的元素加效果,闪烁等
			highlight : false,
			//是否在获取焦点时验证
			onfocusout : false,
			//验证通过，提交表单
			submitHandler : function(forms) {
				if (formloading)
					return;
				$(forms).ajaxSubmit({
					url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
					dataType : 'json',
					beforeSubmit : function(arr, $form, options) {
						formloading = true;
					},
					success : function(data, statusText, xhr, $form) {
						formloading = false;
						if (data.status) {
							setCookie("refersh_time", 1);
							//添加成功
							Wind.use("artDialog", function() {
								art.dialog({
									id : "succeed",
									icon : "succeed",
									fixed : true,
									lock : true,
									background : "#CCCCCC",
									opacity : 0,
									content : data.info,
									button : [ {
										name : '继续编辑？',
										callback : function() {
											reloadPage(window);
											return true;
										},
										focus : true
									}, {
										name : '返回列表页',
										callback : function() {
											location = "{:U('Exams/index')}";
											return true;
										}
									} ]
								});
							});
						} else {
							artdialog_alert(data.info);
						}
					}
				});
			}
		});
	});
	////-------------------------
});
	</script>
</body>
</html>